<template>
  <view id="myView">
    <view>这是父组件传递过来的数据{{title}},{{name}}</view>
    <view>
      <button type="primary" @click="sendNum">给父组件传值</button>
    </view>
  </view>
</template>

<script>
export default {
  props: ['title', 'name'],
  data() {
    return {
      num: 3,
      intId: null
    }
  },
  methods: {
    sendNum() {
      console.log('给父亲传值')
      this.$emit('myEven', this.num)
    }
  },
  beforeCreate() {
    console.log('实例已经开始初始化了')
    console.log(this.num)
  },
  created() {
    console.log('created', this.num)
    // this.intId = setInterval(() => {
    //   console.log('执行定时器')
    // }, 5000)
  },
  beforeMount() {
    console.log('beforemount', document.getElementById('myView'))
  },
  mounted() {
    console.log('mounted', document.getElementById('myView'))
  },
  destroyed() {
    console.log('组件销毁了')
    // clearInterval(this.intId)
  }
}
</script>

<style>
/* 可根据需要添加样式 */
</style>